<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="language" content="en" />

	<!-- blueprint CSS framework -->
	<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen, projection" />
	<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
	<!--[if lt IE 8]>
	<link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection" />
	<![endif]-->

	<link rel="stylesheet" type="text/css" href="css/main.css" />
	<link rel="stylesheet" type="text/css" href="css/form.css" />
	<link rel="stylesheet" type="text/css" href="css/redmond/jquery-ui-1.8.11.custom.css" />
	
	<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script>
	<script type="text/javascript" src="js/jquery.dynamicField-1.0.js"></script>
	
	

	<title>My Web Application</title>
	
	
</head>

<body>

<div class="container" id="page">

	<div id="header">
		<div id="logo">My Web Application</div>

	</div><!-- header -->

	<div id="mainmenu">
		<ul id="yw0">
			<li class="active"><a href="index.php?r=site/index">Home</a></li>
			<li><a href="index.php?r=site/page&amp;view=about">About</a></li>
			<li><a href="index.php?r=site/contact">Contact</a></li>
			<li><a href="index.php?r=site/login">Category 1</a></li>
			<li><a href="index.php?r=site/login">Category 2</a></li>
			<li><a href="index.php?r=site/login">Category 3</a></li>
			<li><a href="index.php?r=site/login">Category 4</a></li>
		</ul>	
	</div><!-- mainmenu -->

	<div class="breadcrumbs"> 
		<a href="/palinsestotv/index.php">Home</a> &raquo; <a href="index.php/canale/index">breadcrumbs 1</a> &raquo; <span>breadcrumbs 2</span>
	</div><!-- breadcrumbs --> 

	<div class="container">
	<div class="span-19">
		<div id="content">
			
			<div class="form">

			<form id="input-form" action="/htcheck/index.php/user/create.html" method="post">
				<fieldset class="ui-widget ui-widget-content ui-corner-all">
				<legend class="ui-widget ui-widget-header ui-corner-all">Create a new User</legend>

				<p class="note">Fields marked  <span class="required">*</span> are required </p>

				<div class="inlinerow">
					<label for="User_username" class="required">Data <span class="required">*</span></label>
					<input type="text" name="User[data]" id="User_data" >
				</div>
				
				<div class="inlinerow">
					<label for="User_depositi" class="required">Depositi <span class="required">*</span></label>
					<input type="text" name="User[depositi]" id="User_depositi" class="qtipped" title="Inserisci il codice del deposito" >
				</div>
				
				<div class="row">
					<label for="User_veicoli" class="required">Veicoli <span class="required">*</span></label>
					<input type="text" name="User[veicoli]" id="User_veicoli" class="qtipped" title="Inserisci il codice del veicolo" >
				</div>
				
	
				<div class="row">
					<label for="User_username" class="required">Username <span class="required">*</span></label>
					<input class="qtipped" size="25" maxlength="128" name="User[username]" id="User_username" type="text" title="This is a tooltip example :)" />
				</div>
	
				<div class="row">
					<label for="User_password" class="required">Password <span class="required">*</span></label>
					<input size="25" maxlength="128" name="User[password]" id="User_password" type="password" />
				</div>
	
				<div class="row">
					<label for="User_email">Email</label>
					<input class="qtipped-error" size="25" maxlength="255" name="User[email]" id="User_email" type="text" title="This is an example of possible error" />
				</div>
	
				<div class="row">
					<label for="User_language" class="required">Language <span class="required">*</span></label>
					<select name="User[language]" id="User_language">
						<option value="0">Italian</option>
						<option value="1">English</option>
					</select>
				</div>
	
				<div class="row">
					<label for="User_role" class="required">Role <span class="required">*</span></label>
					<select name="User[role]" id="User_role">
						<option value="0">Normal User</option>
						<option value="1">Admin</option>
					</select>
				</div>

<div class="row">
    <div id="removable-prodotto-container-1" class="removable-prodotto-row">
     <label for="prodotto_1">Codice - Quantita'</label>
     <input type="text" name="prodotto_1" id="prodotto_1" value="" class="textInput removable" />
	<input type="text" name="prodottoquantita_1" id="prodottoquantita_1" value="" class="textInput removable" />
     <img src="images/spacer.gif" width="16" height="16" alt="" title="Remove This Item" class="" />
    </div>
    <div id="add-prodotto-container" class="add-field-container">
     <span class="add-field-trigger">
      <img src="images/icons/add.png" alt="" title="Add New Item" />
      Aggiungi prodotto
     </span>
    </div>
   </div>

<div class="row">
    <div id="removable-distributore-container-1" class="removable-distributore-row">
     <label for="distributore_1">Codice - Quantita'</label>
     <input type="text" name="distributore_1" id="distributore_1" value="" class="textInput removable" />
     <img src="images/spacer.gif" width="16" height="16" alt="" title="Remove This Item" class="" />
    </div>
    <div id="add-distributore-container" class="add-field-container">
     <span class="add-field-trigger">
      <img src="images/icons/add.png" alt="" title="Add New Item" />
      Aggiungi distributore
     </span>
    </div>
   </div>
	
				<div class="row buttons">
					<input type="submit" name="yt0" value="Create" />
				</div>
	
				</fieldset>

			</form>
			</div><!-- form -->
		</div><!-- content -->
	</div>
	<!-- inizio colonna destra --> 
		<div class="span-5 last"> 
			<div id="sidebar"> <!-- inizio sidebar --> 
				<div class="portlet" id="yw2"> 
					<div class="portlet-decoration"> 
						<div class="portlet-title">User Menu</div> 
					</div> 
					<div class="portlet-content"> 
						<ul class="operations" id="yw3"> 
						<li><a href="index.php/user/login">Login</a></li> 
						<li><a href="index.php/user/logout">Logout</a></li> 
						<li><a href="index.php/user/editSettings">Edit Settings</a></li>
						</ul>
					</div> 
				</div>		
			</div><!-- fine sidebar --> 
	</div> <!-- fine colonna destra --> 
</div>

<div id="footer">
		Copyright &copy; 2011 by My Company.<br/>

		All Rights Reserved.<br/>
		Powered by <a href="http://www.yiiframework.com/" rel="external">Yii Framework</a>.	
</div><!-- footer -->

</div><!-- page -->

<script type="text/javascript">
	$(function(){
		
		// qtips
		$(".qtipped").qtip({ 
			style: { 
		      	padding: 5,						
				name: 'cream', 
				tip: true 
			},
			position: {
		      corner: {
		         target: 'rightMiddle',
		         tooltip: 'leftMiddle'
		      }
		   },
			show: 'focus',
			hide: 'unfocus'
						  
					 
		});
		
		$(".qtipped-error").qtip({ 
			style: { 
		      	padding: 5,						
				name: 'red', 
				tip: true 
			},
			position: {
		      corner: {
		         target: 'rightMiddle',
		         tooltip: 'leftMiddle'
		      }
		   },
			show: 'focus',
			hide: 'unfocus'
						  
					 
		});

		//Dynamic form fields
		$("#input-form #removable-prodotto-container-1").dynamicField();
		$("#input-form #removable-distributore-container-1").dynamicField();

		
		//datepicker
		$( "#User_data" ).datepicker({
			showOn: "button",
			buttonImage: "images/icons/date.png",
			buttonImageOnly: true
		});

		var availableDepositi = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#User_depositi" ).autocomplete({
			source: availableDepositi
		});
		
		var availableVeicoli = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#User_veicoli" ).autocomplete({
			source: availableVeicoli
		});


		
	});
</script>

</body>
</html>
